<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./layui-v2.5.6/layui/css/layui.css">
    <link rel="stylesheet" href="./土巴兔.css">
    <title>土巴兔</title>
</head>

<body>
    <div style="background-color: #f5f5f5;">
        <div class="top-gg"><img src="./tuba_img/bcf8a37ab59919138bfa3bce86b14a1c29345.jpg" alt=""></div>
        <div class="TopNav-1">
            <ul class="layui-nav left-nav" lay-filter="">
                <li class="layui-nav-item">
                    <i class="common-1"></i>
                    <a href="javascript:;">郑州<span style="color: #0cb46a;">[切换]</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="" style="color: #0cb46a;">热门城市</a></dd>
                        <dd class="clty-list">
                <li>北京</li>
                <li>上海</li>
                <li>广州</li>
                <li>深圳</li>
                <li>成都</li>
                <li>重庆</li>
                <li>北京</li>
                <li>上海</li>
                <li>广州</li>
                <li>深圳</li>
                <li>成都</li>
                <li>重庆</li>
                <li>北京</li>
                <li>上海</li>
                <li>广州</li>
                <li>深圳</li>
                <li>成都</li>
                <li>重庆</li>
                <li>北京</li>
                <li>上海</li>
                <li>广州</li>
                <li>深圳</li>
                <li>成都</li>
                <li>重庆</li>
                <li style="width: 100%;"><a href="" style="padding: 0;">更多</a></li>
                </dd>
                </dl>
                </li>
            </ul>
            <ul class="layui-nav right-nav" lay-filter="">
                <li class="layui-nav-item"><a href="">登录</a></li>
                <li class="layui-nav-item"><a href="">注册</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">我的土巴兔</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="">我的工地直播</a></dd>
                        <dd><a href="">我的商城订单</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">商家中心</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="">装修公司登录</a></dd>
                        <dd><a href="">装修公司入驻</a></dd>
                        <dd><a href="">装修公司APP</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">建材中心</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="">建材商登录</a></dd>
                        <dd><a href="">建材商入驻</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">创作者中心</a></li>
                <li class="layui-nav-item"><a href="">意见反馈</a></li>
                <li class="layui-nav-item" style="position: relative;">
                    <i class="common-2"></i>
                    <a style="color: #ff5a00;" href="javascript:;">咨询热线：4006-900-288</a>
                    <dl class="layui-nav-child" style="width: 240px; left:-60px; padding:5px;">
                        <!-- 二级菜单 -->
                        <h3 style="text-align: center;">联系土巴兔装修管家</h3>
                        <div class="nav-chold-input">
                            <input type="text" placeholder="输入手机号，将为您发送预算明细">
                        </div>
                        <div
                            style="width: 210px;height: 35px; background-color: #0cb46a;margin: auto;text-align: center;">
                            <a href="">立即免费获取</a>
                        </div>
                        <div class="nav-c-text" style="height: 60px; width: 100%;padding: 10px;">
                            <p>通话结束后，本次通话记录将以短信形式免费发送到您输入的手机上!</p>
                        </div>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div style="background-color: white; border-bottom: 1px solid #e5e5e5; position: sticky; top: 0; z-index: 100;">
        <div class="TopNav-2">
            <div class="left2-nav">
                <div class="common-3"><img src="./tuba_img/64450ce62b6d966c2b7e9ea547d4e80679243.gif" alt=""></div>
            </div>
            <div class="right2-nav">
                <div class="nav-chold-input2">
                    <input type="text" placeholder="搜装修公司/问题/攻略/效果图" style="height: 34px; width: 220px;">
                    <i class="common-5"></i>
                </div>
            </div>
            <div class="center-nav">
                <ul class="layui-nav" lay-filter="" style="position: relative;">
                    <li class="layui-nav-item"><a href="">首页</a></li>
                    <li class="layui-nav-item"><a href="">效果图</a><i class="arrows"></i></li>
                    <div class="head-nav1">
                        <div class="head-nav-content-box">
                            <div class="nav-type-list">
                                <p style="color: black;">按空间></p>
                                <ul>
                                    <li>客厅</li>
                                    <li>卧室</li>
                                    <li>餐厅</li>
                                    <li>厨房</li>
                                    <li>卫生间</li>
                                    <li>阳台</li>
                                </ul>
                            </div>
                            <div class="nav-type-list">
                                <p style="color: black;">按风格></p>
                                <ul>
                                    <li>现代简约</li>
                                    <li>中式现代</li>
                                    <li>欧式豪华</li>
                                    <li>美式田园</li>
                                    <li>美式经典</li>
                                </ul>
                            </div>
                            <div class="nav-type-list">
                                <p style="color: black;">按户型></p>
                                <ul>
                                    <li>一居</li>
                                    <li>二居</li>
                                    <li>三居</li>
                                    <li>四居及以上</li>
                                    <li>复式</li>
                                </ul>
                            </div>
                            <div class="nav-type-list nav-list-img">
                                <a href="">
                                    <i class="common-6">
                                        <i class="common-xs"></i>
                                    </i>
                                    <span>免费设计</span>
                                </a>
                                <a href="">
                                    <i class="common-7"></i>
                                    <span>免费设计</span>
                                </a>
                                <a href="">
                                    <i class="common-8"></i>
                                    <span>免费设计</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <li class="layui-nav-item"><a href="">装修公司</a><i class="arrows"></i></li>
                    <div class="head-nav2">
                        <div class="head-nav-content-box">
                            <div class="nav-type-list">
                                <p style="color: black;">按服务区域></p>
                                <ul>
                                    <li>二七</li>
                                    <li>管城回族</li>
                                    <li>惠济</li>
                                    <li>金水</li>
                                    <li>上街</li>
                                    <li>中原</li>
                                </ul>
                            </div>
                            <div class="nav-type-list">
                                <p style="color: black;">按价格></p>
                                <ul>
                                    <li>3万以下</li>
                                    <li>3-5万</li>
                                    <li>5-8万</li>
                                    <li>8-12万</li>
                                    <li>18-30万</li>
                                </ul>
                            </div>
                            <div class="nav-type-list">
                                <p style="color: black;">按类型></p>
                                <ul>
                                    <li>普通住宅</li>
                                    <li>小户型</li>
                                    <li>别墅</li>
                                    <li>局部装修</li>
                                </ul>
                            </div>
                            <div class="nav-type-list">
                                <p style="color: black;">按风格></p>
                                <ul>
                                    <li>简约</li>
                                    <li>现代</li>
                                    <li>中式</li>
                                    <li>简欧</li>
                                    <li>美式</li>
                                    <li>北欧</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <li class="layui-nav-item"><a href="">装修攻略</a><i class="arrows"></i></li>
                    <div class="head-nav3">
                        <div class="head-nav-content-box">
                            <div class="nav-type-list">
                                <p style="color: black;">按空间></p>
                                <ul>
                                    <li>客厅</li>
                                    <li>卧室</li>
                                    <li>餐厅</li>
                                    <li>厨房</li>
                                    <li>卫生间</li>
                                    <li>阳台</li>
                                </ul>
                            </div>
                            <div class="nav-type-list">
                                <p style="color: black;">按风格></p>
                                <ul>
                                    <li>现代简约</li>
                                    <li>中式现代</li>
                                    <li>欧式豪华</li>
                                    <li>美式田园</li>
                                    <li>美式经典</li>
                                </ul>
                            </div>
                            <div class="nav-type-list">
                                <p style="color: black;">按户型></p>
                                <ul>
                                    <li>一居</li>
                                    <li>二居</li>
                                    <li>三居</li>
                                    <li>四居及以上</li>
                                    <li>复式</li>
                                </ul>
                            </div>
                            <div class="nav-type-list nav-list-img">
                                <a href="">
                                    <i class="common-6">
                                        <i class="common-xs"></i>
                                    </i>
                                    <span>免费设计</span>
                                </a>
                                <a href="">
                                    <i class="common-7"></i>
                                    <span>免费设计</span>
                                </a>
                                <a href="">
                                    <i class="common-8"></i>
                                    <span>免费设计</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <li class="layui-nav-item"><a href="">保障服务</a></li>
                    <li class="layui-nav-item"><a href="">更多</a><i class="arrows"></i></li>
                    <div class="head-nav4">
                        <div class="head-nav-content-box">
                            <div class="nav-type-list">
                                <p style="color: black;">按空间></p>
                                <ul>
                                    <li>客厅</li>
                                    <li>卧室</li>
                                    <li>餐厅</li>
                                    <li>厨房</li>
                                    <li>卫生间</li>
                                    <li>阳台</li>
                                </ul>
                            </div>
                            <div class="nav-type-list">
                                <p style="color: black;">按风格></p>
                                <ul>
                                    <li>现代简约</li>
                                    <li>中式现代</li>
                                    <li>欧式豪华</li>
                                    <li>美式田园</li>
                                    <li>美式经典</li>
                                </ul>
                            </div>
                            <div class="nav-type-list">
                                <p style="color: black;">按户型></p>
                                <ul>
                                    <li>一居</li>
                                    <li>二居</li>
                                    <li>三居</li>
                                    <li>四居及以上</li>
                                    <li>复式</li>
                                </ul>
                            </div>
                            <div class="nav-type-list nav-list-img">
                                <a href="">
                                    <i class="common-6">
                                        <i class="common-xs"></i>
                                    </i>
                                    <span>免费设计</span>
                                </a>
                                <a href="">
                                    <i class="common-7"></i>
                                    <span>免费设计</span>
                                </a>
                                <a href="">
                                    <i class="common-8"></i>
                                    <span>免费设计</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <li class="layui-nav-item"><a href="">下载APP</a><i class="common-4"></i></li>
                    <div class="head-nav5"><img src="./tuba_img/app.jpg" alt=""></div>
                </ul>
            </div>

        </div>
    </div>
    <div class="tuba-content">
        <div class="left-content">
            <div class="left-filter">
                <div class="filter-nav-box">
                    <ul>
                        <li><a href="">郑州装修</a>&emsp;></li>
                        <li><a href="">郑州装修公司</a>&emsp;></li>
                        <li><a href="">共 4353 结果</a>&emsp;></li>
                    </ul>
                </div>
                <div class="filter-nav-list">
                    <dl>
                        <dt>施工方式</dt>
                        <dd>
                            <a style="color: #0cb46a;" href="">全部</a>
                            <a href="">半包装修</a>
                            <a href="">全包装修</a>
                            <a href="">纯设计</a>
                            <a href="">软装</a>
                            <a href="">全屋设计</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>类型</dt>
                        <dd>
                            <a style="color: #0cb46a;" href="">全部</a>
                            <a href="">家装</a>
                            <a href="">工装</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt style="height: 81px;">服务区域</dt>
                        <dd>
                            <a style="color: #0cb46a;" href="">全部</a>
                            <a href="">二七区</a>
                            <a href="">管城回族区</a>
                            <a href="">惠济区</a>
                            <a href="">金水区</a>
                            <a href="">上街区</a>
                            <a href="">中原区</a>
                            <a href="">巩义区</a>
                            <a href="">新郑区</a>
                            <a href="">新密区</a>
                            <a href="">登封区</a>
                            <a href="">荥阳市</a>
                            <a href="">中牟县</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>施工方式</dt>
                        <dd>
                            <a style="color: #0cb46a;" href="">全部</a>
                            <a href=""><img src="./tuba_img/index.png" alt="">先装修后支付</a>
                            <a href=""><img src="./tuba_img/index.png" alt="">正品辅材</a>
                            <a href=""><img src="./tuba_img/index.png" alt="">装修分期</a>
                        </dd>
                    </dl>
                    <div></div>
                </div>
            </div>
        </div>
        <div class="right-content">
            <div class="top-img">
                <img src="./tuba_img/index2.png" alt="">
            </div>
            <ul class="top-list">
                <li><i class="item-num" style="background-image: url('./tuba_img/topindex1.png');"></i></li>
                <li><i class="item-num" style="background-image: url('./tuba_img/topindex2.png');"></i></li>
                <li><i class="item-num" style="background-image: url('./tuba_img/topindex3.png');"></i></li>
                <li><i class="item-num" style="background-image: url('./tuba_img/topindex4.png');"></i></li>
                <li><i class="item-num" style="background-image: url('./tuba_img/topindex5.png');"></i></li>
                <li style="border: none;"><i class="item-num" style="background-image: url('./tuba_img/topindex6.png');"></i></li>
            </ul>
        </div>
    </div>
</body>
<script src="./layui-v2.5.6/layui/layui.all.js"></script>

</html>